<template>
  <div>
    <span class="primary-title">{{ name }}</span>
    <span class="sub-title">{{ role }}</span>
  </div>
</template>
<script setup name="ManageTitle">
const props = defineProps({
  name: {
    type: String
  },
  role: {
    type: String
  }
})
</script>

<style lang="scss" scoped>
.primary-title {
  font-size: var(--el-font-size-extra-large);
  font-weight: 600;
}
.sub-title {
  margin-left: 15px;
  font-size: var(--el-font-size-base);
}
</style>